import {
   	Row,
   	Col,
   	Form,
   	Input,
	Modal,
} from 'antd';
const FormItem = Form.Item;

//新增表单
const CreateForm = Form.create()(props => {
const { modalVisible, form, handleAdd, handleModalVisible,addResTreeInfo } = props;
const okHandle = () => {
    form.validateFields((err, fieldsValue) => {
        if (err) return;
    form.resetFields();
    handleAdd(fieldsValue);
});
};
return (
    <Modal
width={800}
height={800}
destroyOnClose
title="新增"
visible={modalVisible}
onOk={okHandle}
onCancel={() => handleModalVisible()}
>
<Form  layout="vertical">
	<Row gutter={{ md: 8, lg: 24, xl: 48 }}>


        <Col  md={12} sm={24}>
	        <FormItem  label="操作名称">
	            {form.getFieldDecorator('name', {
	            rules: [{ required: true, message: '请输入操作名称！', min: 1 }],
	            })(<Input placeholder="请输入" />)}
	        </FormItem>
        </Col>


        <Col  md={12} sm={24}>
	        <FormItem  label="英文名称">
	            {form.getFieldDecorator('enname', {
	            rules: [{ required: true, message: '请输入英文名称！', min: 1 }],
	            })(<Input placeholder="请输入" />)}
	        </FormItem>
        </Col>


    </Row>

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


        <Col  md={12} sm={24}>
	        <FormItem  label="操作方法">
	            {form.getFieldDecorator('handler', {
	            rules: [{ required: false, message: '请输入操作方法！', min: 1 }],
	            })(<Input placeholder="请输入" />)}
	        </FormItem>
        </Col>



        <Col  md={12} sm={24}>
	        <FormItem  label="图标">
	            {form.getFieldDecorator('icon', {
	            rules: [{ required: false, message: '请输入图标！', min: 1}],
	            })(<Input placeholder="请输入" />)}
	        </FormItem>
        </Col>

    </Row>
</Form>
</Modal>
);
});

export default CreateForm;